
import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View,
  Dimensions
} from 'react-native';
const {width} = Dimensions.get('window');
export default class TipsView extends Component {
  render() {
    return (
      <View style={[styles.container,{backgroundColor:this.props.bgColor}]}>
        <View style={[styles.lineStyle]}>
        </View>
        <Text style={styles.textStyle}>{this.props.text}</Text>
        <View style={[styles.lineStyle]}>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  textStyle: {
    marginLeft:10,
    marginRight:10,
    fontSize:12,
  },
  container: {
    height:60,
    flexDirection:'row',
    justifyContent:'center',
    alignItems:'center',
  },
  lineStyle:{
    borderTopColor: '#ccc',
    width: width/6,
    borderTopWidth: StyleSheet.hairlineWidth,
  },
  rightViewStyle:{
    flexDirection:'row',
    alignItems:'center',
  }
});
